// pages/post/post.js
const app = getApp()
var ctx = "" // 用于获取canvas
var leftMargin = "" //文字距离左边边距
var topMargin = "" //文字距离右边边距
Page({
  /**
   * 页面的初始数据
   */
  data: {
    canvasWidth: '', // canvas宽度
    canvasHeight: '', // canvas高度
    imagePath: '' ,// 分享的图片路径
    imgurl:"",//头像路径
    url:"",//报错图片的路径
    imgurls:"",
    list:"",//渲染的列表
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that = this
    ctx = wx.createCanvasContext('myCanvas')
    ctx.setFillStyle('green')
    // ctx.setStrokeStyle('white')
    ctx.fillRect(10, 0, 750, 800)
    ctx.setFillStyle('#fff')//文字颜色：默认黑色
    ctx.setFontSize(16)//设置字体大小，默认10
    ctx.fillText("CASKHOME", 60, 29)//绘制文本
    ctx.setFillStyle('#fff')//文字颜色：默认黑色
    ctx.setFontSize(16)//设置字体大小，默认10
    ctx.fillText("中国最专业的威士忌平台", 60, 49)//绘制文本
    //调用draw()开始绘制
     //绘制矩形
    ctx.setFillStyle('white')
    // ctx.setStrokeStyle('white')
    ctx.fillRect(20, 65, 320, 350)
    ctx.setFillStyle('grey')
    // ctx.setStrokeStyle('white')
    ctx.fillRect(15, 15,35, 35)
    ctx.drawImage('../../images/template/wine1.jpg', 60, 100, 50, 100);
    ctx.setFillStyle('#000')//文字颜色：默认黑色
    ctx.setFontSize(9)//设置字体大小，默认10
    ctx.fillText("islay-selection", 50, 230)//绘制文本
    ctx.setFillStyle('#000')//文字颜色：默认黑色
    ctx.setFontSize(9)//设置字体大小，默认10
    ctx.drawImage('../../images/share/jiu1.jpg', 170, 100, 50, 100);
    ctx.fillText("Ardbeg 1191 Gm", 160, 230)//绘制文本
    ctx.setFillStyle('#000')//文字颜色：默认黑色
    ctx.setFontSize(9)//设置字体大小，默认10
    ctx.drawImage('../../images/template/wine2.jpg', 270, 100, 50, 100);
    ctx.fillText("selection", 275, 230)//绘制文本
    ctx.setFillStyle('#000')//文字颜色：默认黑色
    ctx.setFontSize(9)//设置字体大小，默认10
    ctx.drawImage('../../images/template/wine3.jpg', 70, 260, 50, 100);
    ctx.fillText("Method & Madness1989", 50, 380)//绘制文本

  
    ctx.drawImage('../../images/share/qrcode.jpg', 20, 430, 60, 60);
    let username=wx.getStorageSync('name')
   
    ctx.setFillStyle('#fff')//文字颜色：默认黑色
    ctx.setFontSize(16)//设置字体大小，默认10
    ctx.fillText(username, 90, 450)//绘制文本
    ctx.setFillStyle('#fff')//文字颜色：默认黑色
    ctx.setFontSize(16)//设置字体大小，默认10
    ctx.fillText("酒柜中的威士忌", 90, 480)//绘制文本
    // wx.getUserInfo({
    //   success: function (res) {
       
    //    that.setData({
    //      imgurl: res.userInfo.avatarUrl
    //    })
        
       
    //     wx.getImageInfo({
    //       src: that.data.imgurl,
    //       success: function (res) {
    //         that.setData({
    //           imgurls: res.path
    //         })
            
           
    //       }
    //     })
       
      
    //   }
      
    // })
    
 
    
    app.request({
      url: '/whisky/list-want?uid=' + wx.getStorageSync("uid"),
      success: function (res) {
        that.setData({
          list: res.data.list
        })
      }
    })
    console.log(that.data.list)
    ctx.draw()

   
    //调用draw()开始绘制 
   
  

    
  },
  eventSave:function(){
    let that = this;
   
    wx.canvasToTempFilePath({
      canvasId: 'myCanvas',
      success:function(res){
        that.setData({
          url: res.tempFilePath
        })
        wx.saveImageToPhotosAlbum({
          filePath: that.data.url,
          success(res){
            console.log(res)
            wx.showToast({
              title: '保存成功',
             
              duration: 1500,
            })
          }
        })
      }
    }, this)
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
   
  
  },
addImage:function(){
  var context = wx.createContext();
  var that = this;
  var path = "../..//images/share/background.jpg";
},
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})